<!--
 * @Author:组件入口
 * @Date: 2020-06-23 14:24:28
 * @LastEditTime: 2020-06-23 14:39:46
 * @LastEditors:fxg
 * @Description:首页组件直接从index调用，name为组件名，num为列表类数据的查询显示条数
 * @FilePath: \icps_baseWeb\src\components\home\index.vue
-->
<template>
	<div :style="col()">
		<homeA v-if="name == 'homeA'"></homeA>
		<homeB v-if="name == 'homeB'" :num="num"></homeB>
		<homeC v-if="name == 'homeC'" :num="num"></homeC>
		<homeD v-if="name == 'homeD'"></homeD>
		<homeE v-if="name == 'homeE'"></homeE>
		<homeF v-if="name == 'homeF'"></homeF>
		<homeG v-if="name == 'homeG'"></homeG>
		<iFrame v-if="name == 'iframe'" :src="src"></iFrame>
	</div>
</template>
<script>
import homeA from './homeA';
import homeB from './homeB';
import homeC from './homeC';
import homeD from './homeD';
import homeE from './homeE';
import homeF from './homeF';
import homeG from './homeG';
import iFrame from './iframe';
export default {
	components: {
		homeA,
		homeB,
		homeC,
		homeD,
		homeE,
		homeF,
		homeG,
		iFrame
	},
	data() {
		return {};
	},
	props: {
		name: {
			type: String,
			default: ''
		},
		num: {
			type: Number,
			default: 3
		},
		src: {
			type: String,
			default: 'https://www.runoob.com/java/java-tutorial.html'
		}
	},
	methods: {
		col() {
			return 'height:100%;overflow: hidden;';
		}
	}
};
</script>

<style></style>
